<template>
    <div class="list">
        <Home-Item 
            v-for="todo in todos"
            :key = "todo.id"
            :todo = "todo"
        />
    </div>
</template>

<script>
    import HomeItem from './Home-Item.vue'
    export default {
        name:"Home-List",
        components:{HomeItem},
        props:['todos'],
    
    }
</script>

<style lang="less" scoped>
    .list{
        // border: 1px solid #ccc;
        width: 45vw;
        display: inline-block;
        border-radius: 10px;
        height: 16vw;
        overflow: auto;
    }
</style>